// 查找表格元素
var table = document.getElementById("myTable").getElementsByTagName("tbody")[0];

// 添加行的函数
function addRow() {
    // 获取输入数据
    var name = document.getElementById("nameInput").value;
    var age = parseInt(document.getElementById("ageInput").value, 10);

    // 创建新行和单元格
    var row = table.insertRow();
    var rowNumCell = row.insertCell(0);
    var nameCell = row.insertCell(1);
    var ageCell = row.insertCell(2);
    var actionCell = row.insertCell(3);

    // 设置行号
    var rowCount = table.rows.length;
    rowNumCell.textContent = rowCount;

    // 设置姓名和年龄
    nameCell.textContent = name;
    ageCell.textContent = age;

    // 创建删除按钮并添加到操作列
    var deleteButton = document.createElement("button");
    deleteButton.textContent = "删除";
    deleteButton.onclick = function () {
        deleteRow(row);
    };
    actionCell.appendChild(deleteButton);

    // 按年龄升序排列表格
    sortTableByAge();

    // 清空输入框
    document.getElementById("nameInput").value = "";
    document.getElementById("ageInput").value = "";
}

// 删除行的函数
function deleteRow(row) {
    // 删除行
    row.parentNode.removeChild(row);

    // 更新行号
    updateRowNumbers();
}

// 更新行号的函数
function updateRowNumbers() {
    var rows = table.rows;
    for (var i = 0; i < rows.length; i++) {
        rows[i].cells[0].textContent = i + 1;
    }
}

// 按年龄升序排列表格的函数
function sortTableByAge() {
    var rowsArray = Array.from(table.rows);
    rowsArray.sort(function (a, b) {
        var ageA = parseInt(a.cells[2].textContent, 10);
        var ageB = parseInt(b.cells[2].textContent, 10);
        return ageA - ageB;
    });

    // 清空表格体并重新添加排序后的行
    table.innerHTML = "";
    rowsArray.forEach(function (row) {
        table.appendChild(row);
    });


    // 更新行号（因为排序后行号会乱）
    updateRowNumbers();
}